.logo {
    margin: 5px 30px 0 30px;
    width: 61px;
    height: 40px;
    background: url('img/mmm.png') no-repeat;
    float: left;
}

#menu_right {
    padding: 10px 40px 10px 10px;
    float: right;
}

#menu_left {
    padding: 10px 10px 0 10px;
    float: left;
}

#menu_center {
    padding: 10px 0 0 0;
    float: left;
}

#menu_notice {
    padding: 10px;
    float: right;
    width: 80px;
}

.draft_users {
    text-align: center;
    float: left;
    width: 300px;
}

.draft_users a {
    margin: 0 0 2px 0;
}

.whose_office {
    float: left;
    color: red;
    font-size: 12px;
    width: 350px;
    background: #fff;
    padding: 5px;
    border: 1px solid red;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: 12px;
    margin: 6px 0 0 0;
}

@media screen and (max-width: 1500px) {
    .whose_office {
        width: 250px;
        font-size: 10px;
        padding: 3px;
        margin: 2px 0 0 0;
    }

    #menu_left {
        padding: 10px 0 0 0;
    }

    #menu_right {
        padding: 10px 5px 0 0;
    }

    .logo {
        margin: 5px 5px 0 10px;
    }
}
